#012c4b
RGB
赤 | 1 |
---|---|
緑 | 44 |
青 | 75 |
HSL
色相 | 205° |
---|---|
彩度 | 97% |
明度 | 15% |
輝度 | 14% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 1, 緑 = 44, 青 = 75 )
HSL ( 色相 = 205°, 彩度 = 97%, 明度 = 15% )
H : 色相 ( 205° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #4b0701 : -200
15 : #4b1401 : -190
25 : #4b2001 : -180
35 : #4b2c01 : -170
45 : #4b3901 : -160
55 : #4b4501 : -150
65 : #454b01 : -140
75 : #394b01 : -130
85 : #2c4b01 : -120
95 : #204b01 : -110
105 : #144b01 : -100
115 : #074b01 : -90
125 : #014b07 : -80
135 : #014b14 : -70
145 : #014b20 : -60
155 : #014b2c : -50
165 : #014b39 : -40
175 : #014b45 : -30
185 : #01454b : -20
195 : #01394b : -10
205 : #012c4b : ±0
215 : #01204b : +10
225 : #01144b : +20
235 : #01074b : +30
245 : #07014b : +40
255 : #14014b : +50
265 : #20014b : +60
275 : #2c014b : +70
285 : #39014b : +80
295 : #45014b : +90
305 : #4b0145 : +100
315 : #4b0139 : +110
325 : #4b012c : +120
335 : #4b0120 : +130
345 : #4b0114 : +140
355 : #4b0107 : +150
195 : #01394b : -10
196 : #01384b : -9
197 : #01364b : -8
198 : #01354b : -7
199 : #01344b : -6
200 : #01334b : -5
201 : #01314b : -4
202 : #01304b : -3
203 : #012f4b : -2
204 : #012e4b : -1
205 : #012c4b : ±0
206 : #012b4b : +1
207 : #012a4b : +2
208 : #01294b : +3
209 : #01274b : +4
210 : #01264b : +5
211 : #01254b : +6
212 : #01244b : +7
213 : #01234b : +8
214 : #01214b : +9
215 : #01204b : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #262627 : -96
3 : #252627 : -94
5 : #242728 : -92
7 : #242729 : -90
9 : #23272a : -88
11 : #22272a : -86
13 : #21272b : -84
15 : #21272c : -82
17 : #20272d : -80
19 : #1f272e : -78
21 : #1e282e : -76
23 : #1d282f : -74
25 : #1d2830 : -72
27 : #1c2831 : -70
29 : #1b2831 : -68
31 : #1a2832 : -66
33 : #1a2833 : -64
35 : #192834 : -62
37 : #182934 : -60
39 : #172935 : -58
41 : #172936 : -56
43 : #162937 : -54
45 : #152937 : -52
47 : #142938 : -50
49 : #142939 : -48
51 : #132a3a : -46
53 : #122a3b : -44
55 : #112a3b : -42
57 : #102a3c : -40
59 : #102a3d : -38
61 : #0f2a3e : -36
63 : #0e2a3e : -34
65 : #0d2a3f : -32
67 : #0d2b40 : -30
69 : #0c2b41 : -28
71 : #0b2b41 : -26
73 : #0a2b42 : -24
75 : #0a2b43 : -22
77 : #092b44 : -20
79 : #082b44 : -18
81 : #072b45 : -16
83 : #072c46 : -14
85 : #062c47 : -12
87 : #052c48 : -10
89 : #042c48 : -8
91 : #032c49 : -6
93 : #032c4a : -4
95 : #022c4b : -2
97 : #012c4b : ±0
99 : #002d4c : +2
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #000305 : -14
3 : #00090f : -12
5 : #000f19 : -10
7 : #011523 : -8
9 : #011b2d : -6
11 : #012137 : -4
13 : #012741 : -2
15 : #012c4b : ±0
17 : #013255 : +2
19 : #01385f : +4
21 : #023e69 : +6
23 : #024474 : +8
25 : #024a7e : +10
27 : #025088 : +12
29 : #025692 : +14
31 : #025c9c : +16
33 : #0362a6 : +18
35 : #0368b0 : +20
37 : #036eba : +22
39 : #0374c4 : +24
41 : #0379ce : +26
43 : #037fd8 : +28
45 : #0385e2 : +30
47 : #048bec : +32
49 : #0491f6 : +34
51 : #0996fb : +36
53 : #139bfb : +38
55 : #1d9ffc : +40
57 : #27a3fc : +42
59 : #31a7fc : +44
61 : #3bacfc : +46
63 : #45b0fc : +48
65 : #4fb4fc : +50
67 : #59b8fc : +52
69 : #63bdfd : +54
71 : #6dc1fd : +56
73 : #77c5fd : +58
75 : #81cafd : +60
77 : #8bcefd : +62
79 : #96d2fd : +64
81 : #a0d6fe : +66
83 : #aadbfe : +68
85 : #b4dffe : +70
87 : #bee3fe : +72
89 : #c8e7fe : +74
91 : #d2ecfe : +76
93 : #dcf0fe : +78
95 : #e6f4ff : +80
97 : #f0f9ff : +82
99 : #fafdff : +84
CSS入門、作ってます。
text-shadow