# color
Matplotlib Color, Marker
https://wooono.tistory.com/180 https://pyvisuall.tistory.com/39
SwiftUI: 컬러테마 추가하기
목적 : iOS에서 커스텀 컬러를 사용하기 위함 컬러테마를 추가하는 방법에는 xcode에서 컬러 테마를 직접 생성 및 코드상 작업을 하거나 코드상에서만 작업하는 방법이 있다. 이번 글에서는 코드상에서만 작업 하는 것으로 결정했다. 1. Color 객체 확장하기 hexcode를 사용하기위해서는 Color 객체를 확장해야 함으로 Color.swift 파일에 다음을 작성한다. 2. 이후 컬러 객체를 지정해준다. 3. 완성된 Color.swift파일 4. 적용해보기 다음과 같이 적용이 가능하다.
[Android/Compose]: Button에 색상(Color) 지정하기
Button에 색상 지정 Button Composable 내부를 들여다보면 colors를 지정할 수 있다. 해당 파라메터로 ButtonColors 클래스를 넘겨주면 됩니다. 기본값은 ButtonDefaults.buttonColors()로 되어있는데 구현 로직을 따라가다보면 시스템 기본 컬러로 지정되어 있는 것을 확인할 수 있습니다. ButtonColors 의 구현 로직 그렇다면 우리는 Button에 직접 컬러를 적용하기 위해서 ButtonColors 인스턴스를 생성하여 Button 의 colors 파라메터로 집어넣어주기만 하면 끝입니다. 다만 ButtonColors 는 internal constructor로 해당 클래스의 생성자가 같은 모듈 내부에서만 호출할 수 있습니다. 그렇기에 해당 클래스는 같은 모듈 내부에서만 인스턴스화 할 수 있고, 그 외부에서는 인스턴스를 생성할 수 없습니다. 따라서 위의 기본값에서 사용된 **Button
[Flutter] 색상(Color) 설정 방법 정리
Flutter에서 색상을 설정하는 방법은 대표적으로 아래와 같다. > 1. Colors 를 활용하여 지정된 색상 불러오기 color: Colors.amber; color: Colors.amber[300]; > > > 2. RGBO, ARGB 형식으로 불러오기 color: const Color.fromRGBO(); color: const Color.fromARGB(); > > > 3. Hex값을 정수로 변환하여 불러오기 color: const Color(0xff335577); 1번 방법을 쓰면 미리 만들어진 다양한 컬러 값을 불러올 수 있다. 간편하게 파랑, 빨강 등의 색을 쓰고싶을 때 활용하면 된다. 그리고 Colors.amber[숫자] 등의 옵션으로 색의 강도를 설정할 수 있다. 2번째 방식중 첫번째는 RGB(Red, Green, Blue) 와 O(Opacity)를 쓰는 방식이다. RGB는 0~255 범위의 값으로 표현한다. Opacity는 *투명도
Css Color
HTML에서 CSS를 활용하여 Color를 바꾸는 방법 1. Style 태그를 사용 1-1. class를 지정하기(Style 태그를 사용) 1-2. id를 추가하기 2. Style 속성을 사용 <img src="https://velog.velcdn.com/images/topology0427/post/302c9668-6f0d-4af1-895a-15dbf11d
Color Contrast
원색과 혼색을 함께 사용하기 단색을 사용해도 단조롭지 않도록 원색과 혼색을 함께 사용해보세요. 유사색은 부드럽고 자연스러운 느낌이 들어요. 먼셀의 색상환표에서 원색(R빨강, Y노랑, G초록, B파랑, P보라)과 혼색(YR주황, GY연두, BG청록, PB남색, RP자주)을 기준하고 있어요. 차갑거나 따뜻한 색온도를 이용한 한난대비, 색상환표의 반대방향에 있는 보색대비로 화려한 색상 표현을 할 수 있어요. 대비로 한껏 강조하더라도 전체적인 색상균형을 위해 유사색을 함께 사용하는걸 잊지마시길!
Colors
더 강하고 진해지는 정도, 밝고 어두운 정도 색상(Hue), 채도(Saturation), 명도(Brightness) 흔히 말하는 색상 구분의 빨주노초파남보. 바로 그 무지개색을 색상 이라고 부릅니다. 여기에서 더 강하고 진해지는 정도를 채도, 밝고 어두운 정도를 명도로 정하고 있어요. 채도는 흰색에서 시작해서 최대 14단계 까지 구분할 수 있어요. 대표적인 색상 중에서도 빨강과 노랑만이 14단계 채도를 가지고 있고, 나머지 색상은 더 낮은 채도단계를 가지고 있습니다. 특히 노랑색은 시력을 잃어가는 색약인 사람이 가장 마지막까지 볼 수 있는 색이라고 하는데요. 그래서인지 안전과 관련된 곳에서 자주 사용되고 있는것 같아요. 
[CSS] 1. 문법학습 & 속성의 종류(1)
1. 기본 문법 및 사용 방법 1) CSS 기본 문법 선택자 : 어떤 요소에 스타일을 적용 할지에 대한 정보 {중괄호} : 선택한 요소에 적용할 스타일을 정의하는 영역 속성명 : 어떤 스타일을 정의하고 싶은지에 대한 정보(색상, 크기 등) 속성값 : 어떻게 정의하고 싶은지에 대한 정보 2) 주석 3) HTML에 CSS를 더하려면 인라인 스타일 : 태그에 직접 기술하기 따로 선택자 필요없음 웹 콘텐츠와 스타일시트를 분리하기 위해서는 사용하지 않는 편이 좋음 스타일 태그 : 스타일시트를 위한 태그를 추가하여 기술하기 HTML문서에 `` 태그를 추가하여 그 안에 CSS코드를 작성할 수 있음 문서 간의 연결 : 스타일시트 문서를 따로 작성하여 HTML 문서와 연결하기 확장자가 *.css인 스타일시트 파일을 생성해 그 안에 CSS코드를 작성하고, H
Color & Backgrounds & Borders
CSS의 활용 Color 글자색을 지정한다 Backgrounds 배경색을 지정한다. Background Image 배경이미지를 지정한다. 기본값으로 반복이 설정되어 있어서 해당 요소를 반복해서 채우게 된다. 배경으로 이미지를 쓸 때는 텍스트를 가리지 않는 이미지를 선택하도록 한다. Background Image Repeat repeat-x; 수평방향으로 반복한다. repeat-y; 수직방향으로 반복한다. background-repeat: no-repeat 반복하지 않는다 Background Position 특정한 위치에 이미지를 위치 시킨다 Background Attachment fixed; 이미지를 고정시킨다. 웹페이지를 스크롤해도 이미지는 고정된다. scroll; 이미지를 스크롤 가능케한다. 웹페이지를 스크롤하면 이미지가 같이 스크롤된다. Background Shor
[Android/Kotlin] 코틀린 파일에서 색상 다루는 법 - String, Int
🤔 시작하기에 앞서 캘린더 앱을 만드는 프로젝트를 하면서 색을 정말 많이 다뤘다. 특히 리사이클러뷰를 이용해 색을 넣어줘야했기 때문에 xml이 아닌 코틀린 파일에서 색을 다뤘어야 했다. 따라서! 오늘은 색상 및 리소스 변경 🌟완벽 정리🌟 해보려고 한다. 😱 내가 부딪힌 어려움?? 생각보다.. 관련되어 잘 정리되어 있는 자료를 찾기 힘들었던 것 같다. 처음에 문제에 직면했을 때는 어떻게 해결할지 감도 오지 않았었다. 나는 이것저것 테스트해보며 여러 방법으로 진행했다. 관련해서 정리해두었던 사진이다. 저 때가
CSS - color
To make visuable website >- Make the main color match your website’s personality: colors convey meaning! Need at least two types of colors in your color palette: a main color and a grey color Can add more colors : accent colors : which has some relationship between main color Use main color to draw attentin to th most important page -> Make use
[Shell] 출력에 색상 넣기
출력 예시 색상 |색깔|글자색 번호|출력|배경색번호|출력| |:-:|:-:|:-:|:-:|:-:| |검정색|30||40|| |빨간색|31||41|| |녹색|32|
[Flutter] Color Picker(색상 선택기) 만들기
Color Picker(색상 선택기) 만들기 provider | Flutter Package 이번 글에서는 Color Picker를 직접 만들어 보았다. Flutter 라이브러리 중 Color Picker로 사용할 만한 것을 찾지 못해서 일단 가볍게 만들기로 했다. 원래는 다양한 Color Picker를 개발하려고 했는데, 시간이 너무 오래 소요되서 당장 급하게 필요한 것만 개발하게 되었다. 개발한 파일을 쉽게 가져다 사용할 수 있게 해주고 싶어서 상태 관리는 사용하지 않고 개발하려고 하다가, 우선 Provider를 사용해서 개발을 하였다. 소스 코드의 내용 중 UI 관련 부분은 필요한 부분만 설명할 예정이고, 로직 우선으로 설명을 하도록 하겠다. 공유된 Git 저장소에서 파일 가져다가 직접 사용해보면 이해하기가 더 수월합니다. Flutter Flutter로 색상 선택기를 만들기 위해 필요한 부
[9] 03/24 자바스크립트 수업 (2)
폰트를 바꿔보자 color 색변경 font-size: 20pt 글씨 크기 font-weight: 400 글씨 두께 ( 폰트별로 다름 ) line-height: 80px 줄간격 font-style: italic 글씨 스타일 ( italic은 기울여줌 ) text-shadow: 5px 5px 2px 그림자 ( 가로px 세로px 선명도px ) letter-spacing: 10px 글씨 간격 list-style-type: none 리스트 스타일 ( none은 리스트앞 점을 빼줌 ) text-decoration 주로 a태그의 밑줄을 없애는 용도로 씀
Xcode) Asset을 통해 Color 정의 하기
실무를 하는 중에 디자이너와 협업을 하다보면 사용할 색을 미리 정해놓고 쓰는 경우가 있습니다. 이 경우 코드에 RGB 값을 사용해서 아래와 같이 전역에 정의해놓고 사용하는 경우가 많습니다. 하지만 위와 같은 방식은 수정하기도 쉽지 않고 색을 직접 확인할 수 없기 때문에 실수의 가능성도 높습니다. 그리고 앱의 다크모드를 구현하는 경우 코드에서 색을 전부 구분해서 써야하는 불편함도 있습니다. 이번 포스팅 에서는 Asset에 Color Set을 통해서 앱 내에서 사용할 색을 미리 정의해놓는 법을 알아보겠습니다. Color Set 추가하기 Xcode의 Asset 부분을 보면 아래 Asset을 추가할 수 있는 “+” 버튼이 있습니다. 이 버튼을 눌러서 Color를 추가합니다. 추가를 하게 되면 처음
15. 산점도
산점도는 두 변수 간의 상관관계를 보여주는 그래프다. 기본 설정 & 데이터 준비 그래프 생성 plt.scatter() : 순서대로 전달받은 x값, y값으로 산점도 그래프를 그려줌. 점 크기 설정 단축어 s(size)에 점의 크기를 지정해줄 수 있음. np.random.rand(n) : n개의 무작위 값(0~1
13. 원 그래프 (기본)
원 그래프는 비율을 표현하기에 좋은 그래프다. 기본 설정 그래프 생성 plt.pie() : label에는 각 파이의 이름, value에는 각 파이의 비율을 넣어서 그림. (🆚막대그래프에선 각각 label=x축, value=y축 이었음) autopct : autopercent 설정으로 각 비율을 표시할 수 있음. ↪'%.nf'(n은
10. DataFrame 활용
리스트에 수작업으로 넣어서 만든 데이터 말고, 실제 pandas 데이터프레임을 가져와서 작업해보자. 기본 설정 & 데이터 준비 (.read_excel()로 Pandas 배울 때 썼던 '슬램덩크 학생' 데이터 다시 불러옴) 그래프 생성 똑같이 plt.plot() 하면 되는데, x와 y값으로 DataFrame을 전달해주면 됨! 역시 그래프 여러 개를 한 번에 그릴 수도 있음. 
09. 막대 그래프 (심화)
막대그래프를 더 다양한 방식으로 그려볼 수 있다. 기본 설정 가로로 누운 그래프 plt.barh() : 수직 그래프가 아니라 수평(horizontal) 그래프를 그려줌. 무늬가 있는 그래프 .set_hatch() : 막대그래프 객체 뒤에 붙여서, bar에 원하는 무늬를 집어넣을 수 있음. (무늬 종류는 역시