#456f0c
RGB
| 赤 | 69 |
|---|---|
| 緑 | 111 |
| 青 | 12 |
HSL
| 色相 | 85° |
|---|---|
| 彩度 | 80% |
| 明度 | 24% |
| 輝度 | 34% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 69, 緑 = 111, 青 = 12 )
HSL ( 色相 = 85°, 彩度 = 80%, 明度 = 24% )
H : 色相 ( 85° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #6e140c : -80
15 : #6e250c : -70
25 : #6e350c : -60
35 : #6e450c : -50
45 : #6e560c : -40
55 : #6e660c : -30
65 : #666e0c : -20
75 : #566e0c : -10
85 : #456e0c : ±0
95 : #356e0c : +10
105 : #256e0c : +20
115 : #146e0c : +30
125 : #0c6e14 : +40
135 : #0c6e25 : +50
145 : #0c6e35 : +60
155 : #0c6e45 : +70
165 : #0c6e56 : +80
175 : #0c6e66 : +90
185 : #0c666e : +100
195 : #0c566e : +110
205 : #0c456e : +120
215 : #0c356e : +130
225 : #0c256e : +140
235 : #0c146e : +150
245 : #140c6e : +160
255 : #250c6e : +170
265 : #350c6e : +180
275 : #450c6e : +190
285 : #560c6e : +200
295 : #660c6e : +210
305 : #6e0c66 : +220
315 : #6e0c56 : +230
325 : #6e0c45 : +240
335 : #6e0c35 : +250
345 : #6e0c25 : +260
355 : #6e0c14 : +270
75 : #566e0c : -10
76 : #546e0c : -9
77 : #526e0c : -8
78 : #516e0c : -7
79 : #4f6e0c : -6
80 : #4e6e0c : -5
81 : #4c6e0c : -4
82 : #4a6e0c : -3
83 : #496e0c : -2
84 : #476e0c : -1
85 : #456e0c : ±0
86 : #446e0c : +1
87 : #426e0c : +2
88 : #406e0c : +3
89 : #3f6e0c : +4
90 : #3d6e0c : +5
91 : #3c6e0c : +6
92 : #3a6e0c : +7
93 : #386e0c : +8
94 : #376e0c : +9
95 : #356e0c : +10
S : 彩度 ( 80% )
(0%) 渋い ～ 鮮やか (100%)
0 : #3d3d3d : -80
2 : #3d3e3c : -78
4 : #3e403b : -76
6 : #3e413a : -74
8 : #3e4238 : -72
10 : #3e4337 : -70
12 : #3e4536 : -68
14 : #3f4635 : -66
16 : #3f4733 : -64
18 : #3f4832 : -62
20 : #3f4931 : -60
22 : #3f4b30 : -58
24 : #404c2f : -56
26 : #404d2d : -54
28 : #404e2c : -52
30 : #40502b : -50
32 : #40512a : -48
34 : #415228 : -46
36 : #415327 : -44
38 : #415426 : -42
40 : #415625 : -40
42 : #415723 : -38
44 : #425822 : -36
46 : #425921 : -34
48 : #425b20 : -32
50 : #425c1f : -30
52 : #435d1d : -28
54 : #435e1c : -26
56 : #435f1b : -24
58 : #43611a : -22
60 : #436218 : -20
62 : #446317 : -18
64 : #446416 : -16
66 : #446615 : -14
68 : #446714 : -12
70 : #446812 : -10
72 : #456911 : -8
74 : #456a10 : -6
76 : #456c0f : -4
78 : #456d0d : -2
80 : #456e0c : ±0
82 : #466f0b : +2
84 : #46710a : +4
86 : #467209 : +6
88 : #467307 : +8
90 : #467406 : +10
92 : #477605 : +12
94 : #477704 : +14
96 : #477802 : +16
98 : #477901 : +18
100 : #477a00 : +20
L : 明度 ( 24% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -24
2 : #060901 : -22
4 : #0c1202 : -20
6 : #111c03 : -18
8 : #172504 : -16
10 : #1d2e05 : -14
12 : #233706 : -12
14 : #284007 : -10
16 : #2e4908 : -8
18 : #345309 : -6
20 : #3a5c0a : -4
22 : #40650b : -2
24 : #456e0c : ±0
26 : #4b770d : +2
28 : #51810e : +4
30 : #578a0f : +6
32 : #5c9310 : +8
34 : #629c11 : +10
36 : #68a512 : +12
38 : #6eae13 : +14
40 : #74b814 : +16
42 : #79c115 : +18
44 : #7fca16 : +20
46 : #85d317 : +22
48 : #8bdc18 : +24
50 : #91e61a : +26
52 : #95e723 : +28
54 : #99e82c : +30
56 : #9ee935 : +32
58 : #a2ea3e : +34
60 : #a7eb47 : +36
62 : #abec51 : +38
64 : #afed5a : +40
66 : #b4ee63 : +42
68 : #b8ef6c : +44
70 : #bdf075 : +46
72 : #c1f17e : +48
74 : #c6f288 : +50
76 : #caf391 : +52
78 : #cef49a : +54
80 : #d3f5a3 : +56
82 : #d7f6ac : +58
84 : #dcf7b6 : +60
86 : #e0f8bf : +62
88 : #e4f9c8 : +64
90 : #e9fad1 : +66
92 : #edfbda : +68
94 : #f2fce3 : +70
96 : #f6fded : +72
98 : #fbfef6 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow