#d1852e
RGB
赤 | 209 |
---|---|
緑 | 133 |
青 | 46 |
HSL
色相 | 32° |
---|---|
彩度 | 64% |
明度 | 50% |
輝度 | 57% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 209, 緑 = 133, 青 = 46 )
HSL ( 色相 = 32°, 彩度 = 64%, 明度 = 50% )
H : 色相 ( 32° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #d1332e : -30
12 : #d14f2e : -20
22 : #d16a2e : -10
32 : #d1852e : ±0
42 : #d1a02e : +10
52 : #d1bb2e : +20
62 : #ccd12e : +30
72 : #b0d12e : +40
82 : #95d12e : +50
92 : #7ad12e : +60
102 : #5fd12e : +70
112 : #44d12e : +80
122 : #2ed133 : +90
132 : #2ed14f : +100
142 : #2ed16a : +110
152 : #2ed185 : +120
162 : #2ed1a0 : +130
172 : #2ed1bb : +140
182 : #2eccd1 : +150
192 : #2eb0d1 : +160
202 : #2e95d1 : +170
212 : #2e7ad1 : +180
222 : #2e5fd1 : +190
232 : #2e44d1 : +200
242 : #332ed1 : +210
252 : #4f2ed1 : +220
262 : #6a2ed1 : +230
272 : #852ed1 : +240
282 : #a02ed1 : +250
292 : #bb2ed1 : +260
302 : #d12ecc : +270
312 : #d12eb0 : +280
322 : #d12e95 : +290
332 : #d12e7a : +300
342 : #d12e5f : +310
352 : #d12e44 : +320
22 : #d16a2e : -10
23 : #d16c2e : -9
24 : #d16f2e : -8
25 : #d1722e : -7
26 : #d1752e : -6
27 : #d1772e : -5
28 : #d17a2e : -4
29 : #d17d2e : -3
30 : #d1802e : -2
31 : #d1822e : -1
32 : #d1852e : ±0
33 : #d1882e : +1
34 : #d18a2e : +2
35 : #d18d2e : +3
36 : #d1902e : +4
37 : #d1932e : +5
38 : #d1952e : +6
39 : #d1982e : +7
40 : #d19b2e : +8
41 : #d19d2e : +9
42 : #d1a02e : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -64
2 : #82807d : -62
4 : #85807a : -60
6 : #878078 : -58
8 : #8a8075 : -56
10 : #8c8073 : -54
12 : #8f8170 : -52
14 : #91816e : -50
16 : #94816b : -48
18 : #968169 : -46
20 : #998166 : -44
22 : #9c8163 : -42
24 : #9e8261 : -40
26 : #a1825e : -38
28 : #a3825c : -36
30 : #a68259 : -34
32 : #a88257 : -32
34 : #ab8254 : -30
36 : #ad8352 : -28
38 : #b0834f : -26
40 : #b3834d : -24
42 : #b5834a : -22
44 : #b88347 : -20
46 : #ba8345 : -18
48 : #bd8442 : -16
50 : #bf8440 : -14
52 : #c2843d : -12
54 : #c4843b : -10
56 : #c78438 : -8
58 : #c98436 : -6
60 : #cc8533 : -4
62 : #cf8530 : -2
64 : #d1852e : ±0
66 : #d4852b : +2
68 : #d68529 : +4
70 : #d98526 : +6
72 : #db8624 : +8
74 : #de8621 : +10
76 : #e0861f : +12
78 : #e3861c : +14
80 : #e6861a : +16
82 : #e88617 : +18
84 : #eb8714 : +20
86 : #ed8712 : +22
88 : #f0870f : +24
90 : #f2870d : +26
92 : #f5870a : +28
94 : #f78708 : +30
96 : #fa8805 : +32
98 : #fc8803 : +34
100 : #ff8800 : +36
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #080502 : -48
4 : #110b04 : -46
6 : #191006 : -44
8 : #211507 : -42
10 : #2a1b09 : -40
12 : #32200b : -38
14 : #3b250d : -36
16 : #432b0f : -34
18 : #4b3011 : -32
20 : #543512 : -30
22 : #5c3a14 : -28
24 : #644016 : -26
26 : #6d4518 : -24
28 : #754a1a : -22
30 : #7d501c : -20
32 : #86551d : -18
34 : #8e5a1f : -16
36 : #976021 : -14
38 : #9f6523 : -12
40 : #a76a25 : -10
42 : #b07027 : -8
44 : #b87528 : -6
46 : #c07a2a : -4
48 : #c9802c : -2
50 : #d1852e : ±0
52 : #d38a36 : +2
54 : #d58f3f : +4
56 : #d79447 : +6
58 : #d8984f : +8
60 : #da9d58 : +10
62 : #dca260 : +12
64 : #dea768 : +14
66 : #e0ac71 : +16
68 : #e2b179 : +18
70 : #e3b682 : +20
72 : #e5bb8a : +22
74 : #e7c092 : +24
76 : #e9c49b : +26
78 : #ebc9a3 : +28
80 : #edceab : +30
82 : #eed3b4 : +32
84 : #f0d8bc : +34
86 : #f2ddc4 : +36
88 : #f4e2cd : +38
90 : #f6e7d5 : +40
92 : #f8ebde : +42
94 : #f9f0e6 : +44
96 : #fbf5ee : +46
98 : #fdfaf7 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow