#425c00
RGB
赤 | 66 |
---|---|
緑 | 92 |
青 | 0 |
HSL
色相 | 77° |
---|---|
彩度 | 100% |
明度 | 18% |
輝度 | 29% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 66, 緑 = 92, 青 = 0 )
HSL ( 色相 = 77°, 彩度 = 100%, 明度 = 18% )
H : 色相 ( 77° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #5c0b00 : -70
17 : #5c1a00 : -60
27 : #5c2900 : -50
37 : #5c3900 : -40
47 : #5c4800 : -30
57 : #5c5700 : -20
67 : #515c00 : -10
77 : #425c00 : ±0
87 : #325c00 : +10
97 : #235c00 : +20
107 : #145c00 : +30
117 : #055c00 : +40
127 : #005c0b : +50
137 : #005c1a : +60
147 : #005c29 : +70
157 : #005c39 : +80
167 : #005c48 : +90
177 : #005c57 : +100
187 : #00515c : +110
197 : #00425c : +120
207 : #00325c : +130
217 : #00235c : +140
227 : #00145c : +150
237 : #00055c : +160
247 : #0b005c : +170
257 : #1a005c : +180
267 : #29005c : +190
277 : #39005c : +200
287 : #48005c : +210
297 : #57005c : +220
307 : #5c0051 : +230
317 : #5c0042 : +240
327 : #5c0032 : +250
337 : #5c0023 : +260
347 : #5c0014 : +270
357 : #5c0005 : +280
67 : #515c00 : -10
68 : #505c00 : -9
69 : #4e5c00 : -8
70 : #4d5c00 : -7
71 : #4b5c00 : -6
72 : #495c00 : -5
73 : #485c00 : -4
74 : #465c00 : -3
75 : #455c00 : -2
76 : #435c00 : -1
77 : #425c00 : ±0
78 : #405c00 : +1
79 : #3f5c00 : +2
80 : #3d5c00 : +3
81 : #3c5c00 : +4
82 : #3a5c00 : +5
83 : #395c00 : +6
84 : #375c00 : +7
85 : #365c00 : +8
86 : #345c00 : +9
87 : #325c00 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -100
2 : #2e2f2d : -98
4 : #2f302c : -96
6 : #2f312b : -94
8 : #2f322a : -92
10 : #303229 : -90
12 : #303328 : -88
14 : #313427 : -86
16 : #313527 : -84
18 : #313626 : -82
20 : #323725 : -80
22 : #323824 : -78
24 : #333923 : -76
26 : #333a22 : -74
28 : #333b21 : -72
30 : #343c20 : -70
32 : #343d1f : -68
34 : #353e1e : -66
36 : #353e1d : -64
38 : #353f1c : -62
40 : #36401c : -60
42 : #36411b : -58
44 : #37421a : -56
46 : #374319 : -54
48 : #374418 : -52
50 : #384517 : -50
52 : #384616 : -48
54 : #394715 : -46
56 : #394814 : -44
58 : #394913 : -42
60 : #3a4912 : -40
62 : #3a4a11 : -38
64 : #3b4b11 : -36
66 : #3b4c10 : -34
68 : #3b4d0f : -32
70 : #3c4e0e : -30
72 : #3c4f0d : -28
74 : #3d500c : -26
76 : #3d510b : -24
78 : #3d520a : -22
80 : #3e5309 : -20
82 : #3e5408 : -18
84 : #3f5407 : -16
86 : #3f5506 : -14
88 : #3f5606 : -12
90 : #405705 : -10
92 : #405804 : -8
94 : #415903 : -6
96 : #415a02 : -4
98 : #415b01 : -2
100 : #425c00 : ±0
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #070a00 : -16
4 : #0f1400 : -14
6 : #161f00 : -12
8 : #1d2900 : -10
10 : #253300 : -8
12 : #2c3d00 : -6
14 : #334700 : -4
16 : #3a5200 : -2
18 : #425c00 : ±0
20 : #496600 : +2
22 : #507000 : +4
24 : #587a00 : +6
26 : #5f8500 : +8
28 : #668f00 : +10
30 : #6e9900 : +12
32 : #75a300 : +14
34 : #7cad00 : +16
36 : #84b800 : +18
38 : #8bc200 : +20
40 : #92cc00 : +22
42 : #9ad600 : +24
44 : #a1e000 : +26
46 : #a8eb00 : +28
48 : #aff500 : +30
50 : #b7ff00 : +32
52 : #baff0a : +34
54 : #bdff14 : +36
56 : #bfff1f : +38
58 : #c2ff29 : +40
60 : #c5ff33 : +42
62 : #c8ff3d : +44
64 : #cbff47 : +46
66 : #ceff52 : +48
68 : #d1ff5c : +50
70 : #d4ff66 : +52
72 : #d7ff70 : +54
74 : #d9ff7a : +56
76 : #dcff85 : +58
78 : #dfff8f : +60
80 : #e2ff99 : +62
82 : #e5ffa3 : +64
84 : #e8ffad : +66
86 : #ebffb8 : +68
88 : #eeffc2 : +70
90 : #f1ffcc : +72
92 : #f3ffd6 : +74
94 : #f6ffe0 : +76
96 : #f9ffeb : +78
98 : #fcfff5 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow