#cab28c
RGB
赤 | 202 |
---|---|
緑 | 178 |
青 | 140 |
HSL
色相 | 37° |
---|---|
彩度 | 37% |
明度 | 67% |
輝度 | 71% |
3桁の色
補色
反転色
RGB ( 赤 = 202, 緑 = 178, 青 = 140 )
HSL ( 色相 = 37°, 彩度 = 37%, 明度 = 67% )
H : 色相 ( 37° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #ca938c : -30
17 : #ca9d8c : -20
27 : #caa88c : -10
37 : #cab28c : ±0
47 : #cabc8c : +10
57 : #cac78c : +20
67 : #c3ca8c : +30
77 : #b8ca8c : +40
87 : #aeca8c : +50
97 : #a4ca8c : +60
107 : #99ca8c : +70
117 : #8fca8c : +80
127 : #8cca93 : +90
137 : #8cca9d : +100
147 : #8ccaa8 : +110
157 : #8ccab2 : +120
167 : #8ccabc : +130
177 : #8ccac7 : +140
187 : #8cc3ca : +150
197 : #8cb8ca : +160
207 : #8caeca : +170
217 : #8ca4ca : +180
227 : #8c99ca : +190
237 : #8c8fca : +200
247 : #938cca : +210
257 : #9d8cca : +220
267 : #a88cca : +230
277 : #b28cca : +240
287 : #bc8cca : +250
297 : #c78cca : +260
307 : #ca8cc3 : +270
317 : #ca8cb8 : +280
327 : #ca8cae : +290
337 : #ca8ca4 : +300
347 : #ca8c99 : +310
357 : #ca8c8f : +320
27 : #caa88c : -10
28 : #caa98c : -9
29 : #caaa8c : -8
30 : #caab8c : -7
31 : #caac8c : -6
32 : #caad8c : -5
33 : #caae8c : -4
34 : #caaf8c : -3
35 : #cab08c : -2
36 : #cab18c : -1
37 : #cab28c : ±0
38 : #cab38c : +1
39 : #cab48c : +2
40 : #cab58c : +3
41 : #cab68c : +4
42 : #cab78c : +5
43 : #cab88c : +6
44 : #cab98c : +7
45 : #caba8c : +8
46 : #cabb8c : +9
47 : #cabc8c : +10
S : 彩度 ( 37% )
(0%) 渋い ~ 鮮やか (100%)
1 : #acabaa : -36
3 : #adaba8 : -34
5 : #afaca7 : -32
7 : #b1aca5 : -30
9 : #b2ada3 : -28
11 : #b4ada2 : -26
13 : #b6ada0 : -24
15 : #b7ae9e : -22
17 : #b9ae9d : -20
19 : #bbaf9b : -18
21 : #bdaf99 : -16
23 : #beaf97 : -14
25 : #c0b096 : -12
27 : #c2b094 : -10
29 : #c3b192 : -8
31 : #c5b191 : -6
33 : #c7b18f : -4
35 : #c8b28d : -2
37 : #cab28c : ±0
39 : #ccb38a : +2
41 : #cdb388 : +4
43 : #cfb387 : +6
45 : #d1b485 : +8
47 : #d2b483 : +10
49 : #d4b482 : +12
51 : #d6b580 : +14
53 : #d7b57e : +16
55 : #d9b67d : +18
57 : #dbb67b : +20
59 : #dcb679 : +22
61 : #deb778 : +24
63 : #e0b776 : +26
65 : #e2b874 : +28
67 : #e3b872 : +30
69 : #e5b871 : +32
71 : #e7b96f : +34
73 : #e8b96d : +36
75 : #eaba6c : +38
77 : #ecba6a : +40
79 : #edba68 : +42
81 : #efbb67 : +44
83 : #f1bb65 : +46
85 : #f2bc63 : +48
87 : #f4bc62 : +50
89 : #f6bc60 : +52
91 : #f7bd5e : +54
93 : #f9bd5d : +56
95 : #fbbe5b : +58
97 : #fcbe59 : +60
99 : #febe58 : +62
L : 明度 ( 67% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -66
3 : #0a0805 : -64
5 : #110e08 : -62
7 : #18130b : -60
9 : #1f190e : -58
11 : #261e12 : -56
13 : #2d2415 : -54
15 : #342a18 : -52
17 : #3b2f1b : -50
19 : #42351f : -48
21 : #493a22 : -46
23 : #504025 : -44
25 : #574528 : -42
27 : #5e4b2b : -40
29 : #65502f : -38
31 : #6c5632 : -36
33 : #735b35 : -34
35 : #7a6138 : -32
37 : #81663b : -30
39 : #886c3f : -28
41 : #8f7242 : -26
43 : #967745 : -24
45 : #9d7d48 : -22
47 : #a4824c : -20
49 : #ab884f : -18
51 : #b08d54 : -16
53 : #b3915b : -14
55 : #b79662 : -12
57 : #ba9b69 : -10
59 : #bd9f70 : -8
61 : #c0a477 : -6
63 : #c4a97e : -4
65 : #c7ad85 : -2
67 : #cab28c : ±0
69 : #cdb793 : +2
71 : #d0bb9a : +4
73 : #d4c0a1 : +6
75 : #d7c5a8 : +8
77 : #dac9af : +10
79 : #ddceb6 : +12
81 : #e0d3bd : +14
83 : #e4d7c4 : +16
85 : #e7dccb : +18
87 : #eae1d2 : +20
89 : #ede5d9 : +22
91 : #f1eae0 : +24
93 : #f4efe7 : +26
95 : #f7f3ee : +28
97 : #faf8f5 : +30
99 : #fdfdfc : +32
CSS入門、作ってます。
text-shadow