#eec4aa
RGB
赤 | 238 |
---|---|
緑 | 196 |
青 | 170 |
HSL
色相 | 23° |
---|---|
彩度 | 67% |
明度 | 80% |
輝度 | 81% |
3桁の色
補色
反転色
RGB ( 赤 = 238, 緑 = 196, 青 = 170 )
HSL ( 色相 = 23°, 彩度 = 67%, 明度 = 80% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #eeadaa : -20
13 : #eeb9aa : -10
23 : #eec4aa : ±0
33 : #eecfaa : +10
43 : #eedbaa : +20
53 : #eee6aa : +30
63 : #ebeeaa : +40
73 : #dfeeaa : +50
83 : #d4eeaa : +60
93 : #c9eeaa : +70
103 : #bdeeaa : +80
113 : #b2eeaa : +90
123 : #aaeead : +100
133 : #aaeeb9 : +110
143 : #aaeec4 : +120
153 : #aaeecf : +130
163 : #aaeedb : +140
173 : #aaeee6 : +150
183 : #aaebee : +160
193 : #aadfee : +170
203 : #aad4ee : +180
213 : #aac9ee : +190
223 : #aabdee : +200
233 : #aab2ee : +210
243 : #adaaee : +220
253 : #b9aaee : +230
263 : #c4aaee : +240
273 : #cfaaee : +250
283 : #dbaaee : +260
293 : #e6aaee : +270
303 : #eeaaeb : +280
313 : #eeaadf : +290
323 : #eeaad4 : +300
333 : #eeaac9 : +310
343 : #eeaabd : +320
353 : #eeaab2 : +330
13 : #eeb9aa : -10
14 : #eebaaa : -9
15 : #eebbaa : -8
16 : #eebcaa : -7
17 : #eebdaa : -6
18 : #eebeaa : -5
19 : #eebfaa : -4
20 : #eec1aa : -3
21 : #eec2aa : -2
22 : #eec3aa : -1
23 : #eec4aa : ±0
24 : #eec5aa : +1
25 : #eec6aa : +2
26 : #eec7aa : +3
27 : #eec9aa : +4
28 : #eecaaa : +5
29 : #eecbaa : +6
30 : #eeccaa : +7
31 : #eecdaa : +8
32 : #eeceaa : +9
33 : #eecfaa : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #cdcccb : -66
3 : #ceccca : -64
5 : #cfcbc9 : -62
7 : #d0cbc8 : -60
9 : #d1cbc7 : -58
11 : #d2cbc6 : -56
13 : #d3cac5 : -54
15 : #d4cac4 : -52
17 : #d5cac3 : -50
19 : #d6cac2 : -48
21 : #d7cac1 : -46
23 : #d8c9c0 : -44
25 : #d9c9bf : -42
27 : #dac9be : -40
29 : #dbc9bd : -38
31 : #dcc8bc : -36
33 : #ddc8bb : -34
35 : #dec8ba : -32
37 : #dfc8b9 : -30
39 : #e0c7b8 : -28
41 : #e1c7b7 : -26
43 : #e2c7b6 : -24
45 : #e3c7b5 : -22
47 : #e4c6b4 : -20
49 : #e5c6b3 : -18
51 : #e6c6b2 : -16
53 : #e7c6b1 : -14
55 : #e8c5b0 : -12
57 : #e9c5af : -10
59 : #eac5ae : -8
61 : #ebc5ad : -6
63 : #ecc5ac : -4
65 : #edc4ab : -2
67 : #eec4aa : ±0
69 : #efc4a9 : +2
71 : #f0c4a8 : +4
73 : #f1c3a7 : +6
75 : #f2c3a6 : +8
77 : #f3c3a5 : +10
79 : #f4c3a4 : +12
81 : #f5c2a3 : +14
83 : #f6c2a2 : +16
85 : #f7c2a1 : +18
87 : #f8c2a0 : +20
89 : #f9c19f : +22
91 : #fac19e : +24
93 : #fbc19d : +26
95 : #fcc19c : +28
97 : #fdc09b : +30
99 : #fec09a : +32
L : 明度 ( 80% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -80
2 : #090402 : -78
4 : #110903 : -76
6 : #1a0d05 : -74
8 : #221107 : -72
10 : #2b1608 : -70
12 : #331a0a : -68
14 : #3c1e0c : -66
16 : #44220d : -64
18 : #4d270f : -62
20 : #552b11 : -60
22 : #5e2f13 : -58
24 : #663414 : -56
26 : #6f3816 : -54
28 : #773c18 : -52
30 : #804119 : -50
32 : #88451b : -48
34 : #91491d : -46
36 : #994d1e : -44
38 : #a25220 : -42
40 : #aa5622 : -40
42 : #b35a23 : -38
44 : #bb5f25 : -36
46 : #c46327 : -34
48 : #cc6728 : -32
50 : #d56c2a : -30
52 : #d77133 : -28
54 : #d8773b : -26
56 : #da7d44 : -24
58 : #dc834c : -22
60 : #dd8955 : -20
62 : #df8f5d : -18
64 : #e19566 : -16
66 : #e29b6e : -14
68 : #e4a177 : -12
70 : #e6a77f : -10
72 : #e7ac88 : -8
74 : #e9b290 : -6
76 : #ebb899 : -4
78 : #ecbea1 : -2
80 : #eec4aa : ±0
82 : #f0cab2 : +2
84 : #f2d0bb : +4
86 : #f3d6c3 : +6
88 : #f5dccc : +8
90 : #f7e2d4 : +10
92 : #f8e7dd : +12
94 : #faede5 : +14
96 : #fcf3ee : +16
98 : #fdf9f6 : +18
100 : #ffffff : +20
CSS入門、作ってます。
text-shadow