#cbae9a
RGB
赤 | 203 |
---|---|
緑 | 174 |
青 | 154 |
HSL
色相 | 24° |
---|---|
彩度 | 32% |
明度 | 70% |
輝度 | 71% |
3桁の色
補色
反転色
RGB ( 赤 = 203, 緑 = 174, 青 = 154 )
HSL ( 色相 = 24°, 彩度 = 32%, 明度 = 70% )
H : 色相 ( 24° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #cb9d9a : -20
14 : #cba59a : -10
24 : #cbae9a : ±0
34 : #cbb69a : +10
44 : #cbbe9a : +20
54 : #cbc69a : +30
64 : #c8cb9a : +40
74 : #c0cb9a : +50
84 : #b7cb9a : +60
94 : #afcb9a : +70
104 : #a7cb9a : +80
114 : #9fcb9a : +90
124 : #9acb9d : +100
134 : #9acba5 : +110
144 : #9acbae : +120
154 : #9acbb6 : +130
164 : #9acbbe : +140
174 : #9acbc6 : +150
184 : #9ac8cb : +160
194 : #9ac0cb : +170
204 : #9ab7cb : +180
214 : #9aafcb : +190
224 : #9aa7cb : +200
234 : #9a9fcb : +210
244 : #9d9acb : +220
254 : #a59acb : +230
264 : #ae9acb : +240
274 : #b69acb : +250
284 : #be9acb : +260
294 : #c69acb : +270
304 : #cb9ac8 : +280
314 : #cb9ac0 : +290
324 : #cb9ab7 : +300
334 : #cb9aaf : +310
344 : #cb9aa7 : +320
354 : #cb9a9f : +330
14 : #cba59a : -10
15 : #cba69a : -9
16 : #cba79a : -8
17 : #cba89a : -7
18 : #cba99a : -6
19 : #cbaa9a : -5
20 : #cbaa9a : -4
21 : #cbab9a : -3
22 : #cbac9a : -2
23 : #cbad9a : -1
24 : #cbae9a : ±0
25 : #cbae9a : +1
26 : #cbaf9a : +2
27 : #cbb09a : +3
28 : #cbb19a : +4
29 : #cbb29a : +5
30 : #cbb39a : +6
31 : #cbb39a : +7
32 : #cbb49a : +8
33 : #cbb59a : +9
34 : #cbb69a : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #b2b2b2 : -32
2 : #b4b2b1 : -30
4 : #b6b2af : -28
6 : #b7b2ae : -26
8 : #b9b1ac : -24
10 : #bab1ab : -22
12 : #bcb1a9 : -20
14 : #bdb0a8 : -18
16 : #bfb0a6 : -16
18 : #c0b0a5 : -14
20 : #c2afa3 : -12
22 : #c3afa2 : -10
24 : #c5afa0 : -8
26 : #c6af9f : -6
28 : #c8ae9d : -4
30 : #c9ae9c : -2
32 : #cbae9a : ±0
34 : #cdad98 : +2
36 : #cead97 : +4
38 : #d0ad95 : +6
40 : #d1ac94 : +8
42 : #d3ac92 : +10
44 : #d4ac91 : +12
46 : #d6ab8f : +14
48 : #d7ab8e : +16
50 : #d9ab8c : +18
52 : #daab8b : +20
54 : #dcaa89 : +22
56 : #ddaa88 : +24
58 : #dfaa86 : +26
60 : #e0a985 : +28
62 : #e2a983 : +30
64 : #e3a982 : +32
66 : #e5a880 : +34
68 : #e7a87e : +36
70 : #e8a87d : +38
72 : #eaa77b : +40
74 : #eba77a : +42
76 : #eda778 : +44
78 : #eea777 : +46
80 : #f0a675 : +48
82 : #f1a674 : +50
84 : #f3a672 : +52
86 : #f4a571 : +54
88 : #f6a56f : +56
90 : #f7a56e : +58
92 : #f9a46c : +60
94 : #faa46b : +62
96 : #fca469 : +64
98 : #fda468 : +66
100 : #ffa366 : +68
L : 明度 ( 70% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -70
2 : #070503 : -68
4 : #0d0a07 : -66
6 : #140e0a : -64
8 : #1b130e : -62
10 : #221811 : -60
12 : #281d15 : -58
14 : #2f2118 : -56
16 : #36261c : -54
18 : #3d2b1f : -52
20 : #433023 : -50
22 : #4a3526 : -48
24 : #51392a : -46
26 : #583e2d : -44
28 : #5e4331 : -42
30 : #654834 : -40
32 : #6c4c37 : -38
34 : #72513b : -36
36 : #79563e : -34
38 : #805b42 : -32
40 : #875f45 : -30
42 : #8d6449 : -28
44 : #94694c : -26
46 : #9b6e50 : -24
48 : #a27353 : -22
50 : #a87757 : -20
52 : #ac7d5d : -18
54 : #af8264 : -16
56 : #b3886b : -14
58 : #b68d72 : -12
60 : #ba9278 : -10
62 : #bd987f : -8
64 : #c19d86 : -6
66 : #c4a38d : -4
68 : #c8a893 : -2
70 : #cbae9a : ±0
72 : #ceb3a1 : +2
74 : #d2b8a7 : +4
76 : #d5beae : +6
78 : #d9c3b5 : +8
80 : #dcc9bc : +10
82 : #e0cec2 : +12
84 : #e3d4c9 : +14
86 : #e7d9d0 : +16
88 : #eaded7 : +18
90 : #eee4dd : +20
92 : #f1e9e4 : +22
94 : #f5efeb : +24
96 : #f8f4f2 : +26
98 : #fcfaf8 : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow