#cb8306
RGB
赤 | 203 |
---|---|
緑 | 131 |
青 | 6 |
HSL
色相 | 38° |
---|---|
彩度 | 94% |
明度 | 41% |
輝度 | 54% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 203, 緑 = 131, 青 = 6 )
HSL ( 色相 = 38°, 彩度 = 94%, 明度 = 41% )
H : 色相 ( 38° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #cb2006 : -30
18 : #cb4106 : -20
28 : #cb6206 : -10
38 : #cb8306 : ±0
48 : #cba406 : +10
58 : #cbc406 : +20
68 : #b1cb06 : +30
78 : #90cb06 : +40
88 : #6fcb06 : +50
98 : #4ecb06 : +60
108 : #2ecb06 : +70
118 : #0dcb06 : +80
128 : #06cb20 : +90
138 : #06cb41 : +100
148 : #06cb62 : +110
158 : #06cb83 : +120
168 : #06cba4 : +130
178 : #06cbc4 : +140
188 : #06b1cb : +150
198 : #0690cb : +160
208 : #066fcb : +170
218 : #064ecb : +180
228 : #062ecb : +190
238 : #060dcb : +200
248 : #2006cb : +210
258 : #4106cb : +220
268 : #6206cb : +230
278 : #8306cb : +240
288 : #a406cb : +250
298 : #c406cb : +260
308 : #cb06b1 : +270
318 : #cb0690 : +280
328 : #cb066f : +290
338 : #cb064e : +300
348 : #cb062e : +310
358 : #cb060d : +320
28 : #cb6206 : -10
29 : #cb6506 : -9
30 : #cb6906 : -8
31 : #cb6c06 : -7
32 : #cb6f06 : -6
33 : #cb7206 : -5
34 : #cb7606 : -4
35 : #cb7906 : -3
36 : #cb7c06 : -2
37 : #cb7f06 : -1
38 : #cb8306 : ±0
39 : #cb8606 : +1
40 : #cb8906 : +2
41 : #cb8d06 : +3
42 : #cb9006 : +4
43 : #cb9306 : +5
44 : #cb9606 : +6
45 : #cb9a06 : +7
46 : #cb9d06 : +8
47 : #cba006 : +9
48 : #cba406 : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #686868 : -94
2 : #6b6966 : -92
4 : #6d6a64 : -90
6 : #6f6a62 : -88
8 : #716b60 : -86
10 : #736b5e : -84
12 : #756c5c : -82
14 : #776c5a : -80
16 : #796d58 : -78
18 : #7b6e56 : -76
20 : #7d6e54 : -74
22 : #806f52 : -72
24 : #826f4f : -70
26 : #84704d : -68
28 : #86704b : -66
30 : #887149 : -64
32 : #8a7147 : -62
34 : #8c7245 : -60
36 : #8e7343 : -58
38 : #907341 : -56
40 : #92743f : -54
42 : #94743d : -52
44 : #97753b : -50
46 : #997538 : -48
48 : #9b7636 : -46
50 : #9d7634 : -44
52 : #9f7732 : -42
54 : #a17830 : -40
56 : #a3782e : -38
58 : #a5792c : -36
60 : #a7792a : -34
62 : #a97a28 : -32
64 : #ab7a26 : -30
66 : #ae7b24 : -28
68 : #b07c21 : -26
70 : #b27c1f : -24
72 : #b47d1d : -22
74 : #b67d1b : -20
76 : #b87e19 : -18
78 : #ba7e17 : -16
80 : #bc7f15 : -14
82 : #be7f13 : -12
84 : #c08011 : -10
86 : #c2810f : -8
88 : #c5810d : -6
90 : #c7820a : -4
92 : #c98208 : -2
94 : #cb8306 : ±0
96 : #cd8304 : +2
98 : #cf8402 : +4
100 : #d18400 : +6
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #050300 : -40
3 : #0f0a00 : -38
5 : #191001 : -36
7 : #231601 : -34
9 : #2d1d01 : -32
11 : #362302 : -30
13 : #402902 : -28
15 : #4a3002 : -26
17 : #543603 : -24
19 : #5e3d03 : -22
21 : #684303 : -20
23 : #724904 : -18
25 : #7c5004 : -16
27 : #865604 : -14
29 : #8f5c04 : -12
31 : #996305 : -10
33 : #a36905 : -8
35 : #ad7005 : -6
37 : #b77606 : -4
39 : #c17c06 : -2
41 : #cb8306 : ±0
43 : #d58907 : +2
45 : #df9007 : +4
47 : #e99607 : +6
49 : #f29c07 : +8
51 : #f8a10d : +10
53 : #f8a516 : +12
55 : #f8a920 : +14
57 : #f8ad2a : +16
59 : #f9b134 : +18
61 : #f9b43e : +20
63 : #f9b848 : +22
65 : #fabc52 : +24
67 : #fac05c : +26
69 : #fac466 : +28
71 : #fbc870 : +30
73 : #fbcb79 : +32
75 : #fbcf83 : +34
77 : #fbd38d : +36
79 : #fcd797 : +38
81 : #fcdba1 : +40
83 : #fcdfab : +42
85 : #fde2b5 : +44
87 : #fde6bf : +46
89 : #fdeac9 : +48
91 : #feeed2 : +50
93 : #fef2dc : +52
95 : #fef5e6 : +54
97 : #fff9f0 : +56
99 : #fffdfa : +58
CSS入門、作ってます。
text-shadow