#034509
RGB
| 赤 | 3 |
|---|---|
| 緑 | 69 |
| 青 | 9 |
HSL
| 色相 | 125° |
|---|---|
| 彩度 | 92% |
| 明度 | 14% |
| 輝度 | 17% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 3, 緑 = 69, 青 = 9 )
HSL ( 色相 = 125°, 彩度 = 92%, 明度 = 14% )
H : 色相 ( 125° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #450803 : -120
15 : #451303 : -110
25 : #451e03 : -100
35 : #452903 : -90
45 : #453403 : -80
55 : #453f03 : -70
65 : #3f4503 : -60
75 : #344503 : -50
85 : #294503 : -40
95 : #1e4503 : -30
105 : #134503 : -20
115 : #084503 : -10
125 : #034508 : ±0
135 : #034513 : +10
145 : #03451e : +20
155 : #034529 : +30
165 : #034534 : +40
175 : #03453f : +50
185 : #033f45 : +60
195 : #033445 : +70
205 : #032945 : +80
215 : #031e45 : +90
225 : #031345 : +100
235 : #030845 : +110
245 : #080345 : +120
255 : #130345 : +130
265 : #1e0345 : +140
275 : #290345 : +150
285 : #340345 : +160
295 : #3f0345 : +170
305 : #45033f : +180
315 : #450334 : +190
325 : #450329 : +200
335 : #45031e : +210
345 : #450313 : +220
355 : #450308 : +230
115 : #084503 : -10
116 : #074503 : -9
117 : #064503 : -8
118 : #054503 : -7
119 : #044503 : -6
120 : #034503 : -5
121 : #034504 : -4
122 : #034505 : -3
123 : #034506 : -2
124 : #034507 : -1
125 : #034508 : ±0
126 : #034509 : +1
127 : #03450b : +2
128 : #03450c : +3
129 : #03450d : +4
130 : #03450e : +5
131 : #03450f : +6
132 : #034510 : +7
133 : #034511 : +8
134 : #034512 : +9
135 : #034513 : +10
S : 彩度 ( 92% )
(0%) 渋い ～ 鮮やか (100%)
0 : #232323 : -92
2 : #232423 : -90
4 : #222523 : -88
6 : #222622 : -86
8 : #212721 : -84
10 : #202721 : -82
12 : #1f2820 : -80
14 : #1f2920 : -78
16 : #1e291f : -76
18 : #1d2a1e : -74
20 : #1d2b1e : -72
22 : #1c2c1d : -70
24 : #1b2c1d : -68
26 : #1a2d1c : -66
28 : #1a2e1b : -64
30 : #192e1b : -62
32 : #182f1a : -60
34 : #18301a : -58
36 : #173119 : -56
38 : #163118 : -54
40 : #153218 : -52
42 : #153317 : -50
44 : #143317 : -48
46 : #133416 : -46
48 : #133515 : -44
50 : #123615 : -42
52 : #113614 : -40
54 : #103714 : -38
56 : #103813 : -36
58 : #0f3812 : -34
60 : #0e3912 : -32
62 : #0e3a11 : -30
64 : #0d3b11 : -28
66 : #0c3b10 : -26
68 : #0b3c0f : -24
70 : #0b3d0f : -22
72 : #0a3d0e : -20
74 : #093e0e : -18
76 : #093f0d : -16
78 : #08400c : -14
80 : #07400c : -12
82 : #06410b : -10
84 : #06420b : -8
86 : #05420a : -6
88 : #04430a : -4
90 : #044409 : -2
92 : #034508 : ±0
94 : #024508 : +2
96 : #014607 : +4
98 : #014707 : +6
100 : #004706 : +8
L : 明度 ( 14% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -14
2 : #000a01 : -12
4 : #011402 : -10
6 : #011d04 : -8
8 : #022705 : -6
10 : #023106 : -4
12 : #023b07 : -2
14 : #034508 : ±0
16 : #034e0a : +2
18 : #04580b : +4
20 : #04620c : +6
22 : #046c0d : +8
24 : #05760e : +10
26 : #057f0f : +12
28 : #068911 : +14
30 : #069312 : +16
32 : #079d13 : +18
34 : #07a614 : +20
36 : #07b015 : +22
38 : #08ba17 : +24
40 : #08c418 : +26
42 : #09ce19 : +28
44 : #09d71a : +30
46 : #09e11b : +32
48 : #0aeb1d : +34
50 : #0af51e : +36
52 : #14f527 : +38
54 : #1ef630 : +40
56 : #28f639 : +42
58 : #31f642 : +44
60 : #3bf74b : +46
62 : #45f754 : +48
64 : #4ff85d : +50
66 : #59f866 : +52
68 : #62f86f : +54
70 : #6cf978 : +56
72 : #76f981 : +58
74 : #80fa8a : +60
76 : #89fa93 : +62
78 : #93fb9c : +64
80 : #9dfba5 : +66
82 : #a7fbae : +68
84 : #b1fcb7 : +70
86 : #bafcc0 : +72
88 : #c4fdc9 : +74
90 : #cefdd2 : +76
92 : #d8fddb : +78
94 : #e2fee4 : +80
96 : #ebfeed : +82
98 : #f5fff6 : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow