#24410c
RGB
赤 | 36 |
---|---|
緑 | 65 |
青 | 12 |
HSL
色相 | 93° |
---|---|
彩度 | 69% |
明度 | 15% |
輝度 | 20% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 36, 緑 = 65, 青 = 12 )
HSL ( 色相 = 93°, 彩度 = 69%, 明度 = 15% )
H : 色相 ( 93° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #410e0c : -90
13 : #41170c : -80
23 : #41200c : -70
33 : #41290c : -60
43 : #41320c : -50
53 : #413a0c : -40
63 : #3e410c : -30
73 : #35410c : -20
83 : #2c410c : -10
93 : #24410c : ±0
103 : #1b410c : +10
113 : #12410c : +20
123 : #0c410e : +30
133 : #0c4117 : +40
143 : #0c4120 : +50
153 : #0c4129 : +60
163 : #0c4132 : +70
173 : #0c413a : +80
183 : #0c3e41 : +90
193 : #0c3541 : +100
203 : #0c2c41 : +110
213 : #0c2441 : +120
223 : #0c1b41 : +130
233 : #0c1241 : +140
243 : #0e0c41 : +150
253 : #170c41 : +160
263 : #200c41 : +170
273 : #290c41 : +180
283 : #320c41 : +190
293 : #3a0c41 : +200
303 : #410c3e : +210
313 : #410c35 : +220
323 : #410c2c : +230
333 : #410c24 : +240
343 : #410c1b : +250
353 : #410c12 : +260
83 : #2c410c : -10
84 : #2c410c : -9
85 : #2b410c : -8
86 : #2a410c : -7
87 : #29410c : -6
88 : #28410c : -5
89 : #27410c : -4
90 : #26410c : -3
91 : #25410c : -2
92 : #24410c : -1
93 : #24410c : ±0
94 : #23410c : +1
95 : #22410c : +2
96 : #21410c : +3
97 : #20410c : +4
98 : #1f410c : +5
99 : #1e410c : +6
100 : #1d410c : +7
101 : #1d410c : +8
102 : #1c410c : +9
103 : #1b410c : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #262726 : -68
3 : #262725 : -66
5 : #262824 : -64
7 : #262924 : -62
9 : #262a23 : -60
11 : #262a22 : -58
13 : #262b21 : -56
15 : #262c21 : -54
17 : #262d20 : -52
19 : #262e1f : -50
21 : #252e1e : -48
23 : #252f1d : -46
25 : #25301d : -44
27 : #25311c : -42
29 : #25311b : -40
31 : #25321a : -38
33 : #25331a : -36
35 : #253419 : -34
37 : #253418 : -32
39 : #253517 : -30
41 : #253617 : -28
43 : #253716 : -26
45 : #253715 : -24
47 : #243814 : -22
49 : #243914 : -20
51 : #243a13 : -18
53 : #243b12 : -16
55 : #243b11 : -14
57 : #243c10 : -12
59 : #243d10 : -10
61 : #243e0f : -8
63 : #243e0e : -6
65 : #243f0d : -4
67 : #24400d : -2
69 : #24410c : ±0
71 : #24410b : +2
73 : #23420a : +4
75 : #23430a : +6
77 : #234409 : +8
79 : #234408 : +10
81 : #234507 : +12
83 : #234607 : +14
85 : #234706 : +16
87 : #234805 : +18
89 : #234804 : +20
91 : #234903 : +22
93 : #234a03 : +24
95 : #234b02 : +26
97 : #234b01 : +28
99 : #224c00 : +30
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #020401 : -14
3 : #070d02 : -12
5 : #0c1604 : -10
7 : #111e06 : -8
9 : #152707 : -6
11 : #1a2f09 : -4
13 : #1f380a : -2
15 : #24410c : ±0
17 : #28490d : +2
19 : #2d520f : +4
21 : #325a11 : +6
23 : #376312 : +8
25 : #3b6c14 : +10
27 : #407415 : +12
29 : #457d17 : +14
31 : #4a8619 : +16
33 : #4e8e1a : +18
35 : #53971c : +20
37 : #589f1d : +22
39 : #5da81f : +24
41 : #61b120 : +26
43 : #66b922 : +28
45 : #6bc224 : +30
47 : #70cb25 : +32
49 : #74d327 : +34
51 : #79d82c : +36
53 : #7fda34 : +38
55 : #84db3d : +40
57 : #8add46 : +42
59 : #8fdf4e : +44
61 : #95e057 : +46
63 : #9ae260 : +48
65 : #a0e368 : +50
67 : #a5e571 : +52
69 : #aae679 : +54
71 : #b0e882 : +56
73 : #b5ea8b : +58
75 : #bbeb93 : +60
77 : #c0ed9c : +62
79 : #c6eea5 : +64
81 : #cbf0ad : +66
83 : #d1f2b6 : +68
85 : #d6f3be : +70
87 : #dcf5c7 : +72
89 : #e1f6d0 : +74
91 : #e6f8d8 : +76
93 : #ecf9e1 : +78
95 : #f1fbe9 : +80
97 : #f7fdf2 : +82
99 : #fcfefb : +84
CSS入門、作ってます。
text-shadow