#cb768d
RGB
赤 | 203 |
---|---|
緑 | 118 |
青 | 141 |
HSL
色相 | 344° |
---|---|
彩度 | 45% |
明度 | 63% |
輝度 | 57% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 203, 緑 = 118, 青 = 141 )
HSL ( 色相 = 344°, 彩度 = 45%, 明度 = 63% )
H : 色相 ( 344° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #cb7c76 : -340
14 : #cb8a76 : -330
24 : #cb9876 : -320
34 : #cba676 : -310
44 : #cbb476 : -300
54 : #cbc376 : -290
64 : #c5cb76 : -280
74 : #b7cb76 : -270
84 : #a9cb76 : -260
94 : #9bcb76 : -250
104 : #8dcb76 : -240
114 : #7fcb76 : -230
124 : #76cb7c : -220
134 : #76cb8a : -210
144 : #76cb98 : -200
154 : #76cba6 : -190
164 : #76cbb4 : -180
174 : #76cbc3 : -170
184 : #76c5cb : -160
194 : #76b7cb : -150
204 : #76a9cb : -140
214 : #769bcb : -130
224 : #768dcb : -120
234 : #767fcb : -110
244 : #7c76cb : -100
254 : #8a76cb : -90
264 : #9876cb : -80
274 : #a676cb : -70
284 : #b476cb : -60
294 : #c376cb : -50
304 : #cb76c5 : -40
314 : #cb76b7 : -30
324 : #cb76a9 : -20
334 : #cb769b : -10
344 : #cb768d : ±0
354 : #cb767f : +10
334 : #cb769b : -10
335 : #cb769a : -9
336 : #cb7698 : -8
337 : #cb7697 : -7
338 : #cb7695 : -6
339 : #cb7694 : -5
340 : #cb7692 : -4
341 : #cb7691 : -3
342 : #cb7690 : -2
343 : #cb768e : -1
344 : #cb768d : ±0
345 : #cb768b : +1
346 : #cb768a : +2
347 : #cb7689 : +3
348 : #cb7687 : +4
349 : #cb7686 : +5
350 : #cb7684 : +6
351 : #cb7683 : +7
352 : #cb7682 : +8
353 : #cb7680 : +9
354 : #cb767f : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a2a0a0 : -44
3 : #a39e9f : -42
5 : #a59c9e : -40
7 : #a79a9e : -38
9 : #a9989d : -36
11 : #ab969c : -34
13 : #ad949b : -32
15 : #af929a : -30
17 : #b19199 : -28
19 : #b38f98 : -26
21 : #b48d97 : -24
23 : #b68b97 : -22
25 : #b88996 : -20
27 : #ba8795 : -18
29 : #bc8594 : -16
31 : #be8393 : -14
33 : #c08292 : -12
35 : #c28091 : -10
37 : #c47e90 : -8
39 : #c57c8f : -6
41 : #c77a8f : -4
43 : #c9788e : -2
45 : #cb768d : ±0
47 : #cd748c : +2
49 : #cf728b : +4
51 : #d1718a : +6
53 : #d36f89 : +8
55 : #d56d88 : +10
57 : #d66b88 : +12
59 : #d86987 : +14
61 : #da6786 : +16
63 : #dc6585 : +18
65 : #de6384 : +20
67 : #e06183 : +22
69 : #e26082 : +24
71 : #e45e81 : +26
73 : #e65c81 : +28
75 : #e75a80 : +30
77 : #e9587f : +32
79 : #eb567e : +34
81 : #ed547d : +36
83 : #ef527c : +38
85 : #f1507b : +40
87 : #f34f7a : +42
89 : #f54d79 : +44
91 : #f74b79 : +46
93 : #f84978 : +48
95 : #fa4777 : +50
97 : #fc4576 : +52
99 : #fe4375 : +54
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -62
3 : #0b0406 : -60
5 : #12070a : -58
7 : #1a0a0e : -56
9 : #210d12 : -54
11 : #290f16 : -52
13 : #30121a : -50
15 : #37151e : -48
17 : #3f1822 : -46
19 : #461b26 : -44
21 : #4e1d2a : -42
23 : #55202e : -40
25 : #5c2332 : -38
27 : #642636 : -36
29 : #6b293a : -34
31 : #732b3e : -32
33 : #7a2e42 : -30
35 : #813147 : -28
37 : #89344b : -26
39 : #90374f : -24
41 : #983a53 : -22
43 : #9f3c57 : -20
45 : #a63f5b : -18
47 : #ae425f : -16
49 : #b54563 : -14
51 : #ba4a68 : -12
53 : #bd516e : -10
55 : #c05974 : -8
57 : #c3607a : -6
59 : #c56780 : -4
61 : #c86f87 : -2
63 : #cb768d : ±0
65 : #ce7e93 : +2
67 : #d18599 : +4
69 : #d48c9f : +6
71 : #d694a6 : +8
73 : #d99bac : +10
75 : #dca3b2 : +12
77 : #dfaab8 : +14
79 : #e2b1be : +16
81 : #e4b9c4 : +18
83 : #e7c0cb : +20
85 : #eac8d1 : +22
87 : #edcfd7 : +24
89 : #f0d6dd : +26
91 : #f2dee3 : +28
93 : #f5e5e9 : +30
95 : #f8edf0 : +32
97 : #fbf4f6 : +34
99 : #fefbfc : +36
CSS入門、作ってます。
text-shadow