#d0871b
RGB
赤 | 208 |
---|---|
緑 | 135 |
青 | 27 |
HSL
色相 | 36° |
---|---|
彩度 | 77% |
明度 | 46% |
輝度 | 57% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 208, 緑 = 135, 青 = 27 )
HSL ( 色相 = 36°, 彩度 = 77%, 明度 = 46% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #d02d1b : -30
16 : #d04b1b : -20
26 : #d0691b : -10
36 : #d0871b : ±0
46 : #d0a51b : +10
56 : #d0c41b : +20
66 : #bed01b : +30
76 : #9fd01b : +40
86 : #81d01b : +50
96 : #63d01b : +60
106 : #45d01b : +70
116 : #27d01b : +80
126 : #1bd02d : +90
136 : #1bd04b : +100
146 : #1bd069 : +110
156 : #1bd087 : +120
166 : #1bd0a5 : +130
176 : #1bd0c4 : +140
186 : #1bbed0 : +150
196 : #1b9fd0 : +160
206 : #1b81d0 : +170
216 : #1b63d0 : +180
226 : #1b45d0 : +190
236 : #1b27d0 : +200
246 : #2d1bd0 : +210
256 : #4b1bd0 : +220
266 : #691bd0 : +230
276 : #871bd0 : +240
286 : #a51bd0 : +250
296 : #c41bd0 : +260
306 : #d01bbe : +270
316 : #d01b9f : +280
326 : #d01b81 : +290
336 : #d01b63 : +300
346 : #d01b45 : +310
356 : #d01b27 : +320
26 : #d0691b : -10
27 : #d06c1b : -9
28 : #d06f1b : -8
29 : #d0721b : -7
30 : #d0751b : -6
31 : #d0781b : -5
32 : #d07b1b : -4
33 : #d07e1b : -3
34 : #d0811b : -2
35 : #d0841b : -1
36 : #d0871b : ±0
37 : #d08a1b : +1
38 : #d08d1b : +2
39 : #d0901b : +3
40 : #d0931b : +4
41 : #d0961b : +5
42 : #d0991b : +6
43 : #d09c1b : +7
44 : #d09f1b : +8
45 : #d0a21b : +9
46 : #d0a51b : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #767674 : -76
3 : #797672 : -74
5 : #7b766f : -72
7 : #7e776d : -70
9 : #80776b : -68
11 : #827868 : -66
13 : #857866 : -64
15 : #877964 : -62
17 : #897961 : -60
19 : #8c7a5f : -58
21 : #8e7a5d : -56
23 : #907b5a : -54
25 : #937b58 : -52
27 : #957c56 : -50
29 : #977c53 : -48
31 : #9a7d51 : -46
33 : #9c7d4f : -44
35 : #9e7e4c : -42
37 : #a17e4a : -40
39 : #a37e48 : -38
41 : #a57f45 : -36
43 : #a87f43 : -34
45 : #aa8041 : -32
47 : #ac803e : -30
49 : #af813c : -28
51 : #b18139 : -26
53 : #b38237 : -24
55 : #b68235 : -22
57 : #b88332 : -20
59 : #bb8330 : -18
61 : #bd842e : -16
63 : #bf842b : -14
65 : #c28529 : -12
67 : #c48527 : -10
69 : #c68524 : -8
71 : #c98622 : -6
73 : #cb8620 : -4
75 : #cd871d : -2
77 : #d0871b : ±0
79 : #d28819 : +2
81 : #d48816 : +4
83 : #d78914 : +6
85 : #d98912 : +8
87 : #db8a0f : +10
89 : #de8a0d : +12
91 : #e08b0b : +14
93 : #e28b08 : +16
95 : #e58c06 : +18
97 : #e78c04 : +20
99 : #e98d01 : +22
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #090601 : -44
4 : #120c02 : -42
6 : #1b1204 : -40
8 : #241805 : -38
10 : #2d1d06 : -36
12 : #362307 : -34
14 : #3f2908 : -32
16 : #482f09 : -30
18 : #51350b : -28
20 : #5a3b0c : -26
22 : #63410d : -24
24 : #6c470e : -22
26 : #754d0f : -20
28 : #7e5210 : -18
30 : #875812 : -16
32 : #905e13 : -14
34 : #996414 : -12
36 : #a26a15 : -10
38 : #ac7016 : -8
40 : #b57617 : -6
42 : #be7c19 : -4
44 : #c7811a : -2
46 : #d0871b : ±0
48 : #d98d1c : +2
50 : #e2931d : +4
52 : #e39726 : +6
54 : #e49c2f : +8
56 : #e5a038 : +10
58 : #e6a441 : +12
60 : #e8a94a : +14
62 : #e9ad53 : +16
64 : #eab15d : +18
66 : #ebb666 : +20
68 : #ecba6f : +22
70 : #edbe78 : +24
72 : #efc381 : +26
74 : #f0c78a : +28
76 : #f1cb93 : +30
78 : #f2d09c : +32
80 : #f3d4a5 : +34
82 : #f4d8ae : +36
84 : #f6dcb7 : +38
86 : #f7e1c0 : +40
88 : #f8e5c9 : +42
90 : #f9e9d2 : +44
92 : #faeedb : +46
94 : #fbf2e4 : +48
96 : #fdf6ed : +50
98 : #fefbf6 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow